<div class="libelle_page">Connexion</div>

<div class="message_info">
	{{message_connexion}}
</div>

<table id="formulaire_connexion" class="text-center">
	<tr ng-show="ajout_compte">
		<td colspan="2">
			<input type="text" id="login_connexion" placeholder="Identifiant de connexion">
		</td>
	</tr>
	<tr ng-hide="ajout_compte">
		<td colspan="2">
			<select id="select_compte" ng-model="compteSelectionne" ng-options="compte.login for compte in listeComptes"></select>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<input type="password" id="motdepasse_connexion" placeholder="Mot de Passe">
		</td>
	</tr>
	<tr>
		<td class="text-center">
			<button class="btn btn-sm btn-success" ng-click="connexion()">Connexion</button>
        </td>
        <td class="text-center">    
            <button class="btn btn-sm btn-success" ng-click="connexionInvite()">Connexion Invité</button>
		</td>
	</tr>
	<tr>
		<td class="text-center">
			<button class="btn btn-sm btn-primary" ng-click="inscprition()">Inscription</button>
		</td>	
		<td class="text-center">
			<button class="btn btn-sm btn-primary" ng-click="ajouterCompte()" ng-hide="ajout_compte">Ajouter un Compte</button>
		</td>
	</tr>
</table>